В callback функции теряется контекст. Как это обойти?

[xintrea]

Разбираюсь значит с загрузкой данных с сервера и событийной моделью в JavaScript.

У меня есть "класс", в нем нужно сделать инит, который включет загрузку данных с сервера и их небольшую обработку. Для инита и загрузки данных используется цепочка функций. Вторая в цепочке инита функция вызывается как callback после получения данных с сервера. В общем, всё как учили.

Код примерно такой:

function LBTablesWorker() 
{

 // Начало инициализации
 this.init = function(iTeamId) 
 {
  // Загрузка с сервера
  this.load(iTeamId, this.initNext); 
 }; 
 

 // Продолжение инициализации
 this.initNext = function() 
 {
  alert('In LBTablesWorker::initNext()'); // Это сообщение видно
  
  this.calculate(); // Здесь ошибка
 }

 
 // Вот эта функция не вызывается
 this.calculate=function() 
 {
  alert('2*2=4');
 };

 
 // Загрузка данных с сервера
 this.load=function(teamId, callback) 
 {
  var that = this;

  // Получение XML-кода  
  $.xmlrpc({
        url: 'http://'+window.location.host+'/XmlRpcServer',
        methodName: 'getTables',
        params: [teamId],
        success: function(response, status, jqXHR){ that.successLoad(response, status, jqXHR); callback(); },
        error: function(jqXHR, status, error) { that.errorLoad(jqXHR, status, error); }
  });

 };
}

Проблема в том, что по всей видимости, при вызове callback-функции теряется контекст. И в такой функции невозможно вызвать функции собственного же класса.

Ошибка в Opera:

Uncaught exception: TypeError: 'this.calculate' is not a function

Ошибка в FireFox:

TypeError: this.calculate is not a function
initNext

Вопрос. Как это можно обойти? Как правильно вызывать callback-функции, чтобы они выполнялись в контексте того места, которому изначально принадлежат?

Note: Да, я не хочу использовать лямбды, я хочу чтобы мой код был как минимум читабельный.

[Aetae]

callback.call(this) //или that в вашем случае.

Вызов функции в контексте первого аргумента. Почитать: call, apply.

Дело в том, что функция вызванная как x.func() выполняется в контексте x(за исключением особых случаев), а вызванная как просто func() - в текущем контексте.

x = {
    func: function(){alert(this.a)},
    a : 'x.a'
}
this.a = 'current.a';
func = x.func;

x.func();

func();

func.call({a:'dyn.a'});

P.S. Нет такой уж критической надобности переписывать весь уже написанный код. Если ваша страница\приложение в принципе на работает без полученных данных то юзер так или иначе вынужден будет ждать загрузки.)

[xintrea]

Дело в том, что функция вызванная как x.func() выполняется в контексте x(за исключением особых случаев), а вызванная как просто func() - в текущем контексте.

Понял.

P.S. Нет такой уж критической надобности переписывать весь уже написанный код. Если ваша страница\приложение в принципе на работает без полученных данных то юзер так или иначе вынужден будет ждать загрузки.)

Да я уже начал перелопачивать. И тут вылазят все новые и новые нюансы.

Есть у меня еще один вопрос.

Предположим, инит объекта вызывается из объекта более "верхнего" уровня. Вот так:

function UpLevelClass() 
{

 this.init = function() 
 {
  alert('Up level class this 1:'+this);

  worker=new Worker();
  worker.init(this.initNext);
 }; 

 this.initNext = function() 
 {
  alert('Up level class this 2:'+this);
 };

}

function Worker() 
{

 this.init = function(upLevelCallBack) 
 {
  ... всякие действия для инита

  upLevelCallBack();
 };

Спрашивается, в каком контексте будет выполнена функция initNext()? По-моему, совсем не в контесте класса UpLevelClass.

Теперь вопрос: Как в функции init() класса Worker узнать контекст функции upLevelCallBack? Ведь нам ее надо вызвать в контексте класса UpLevelClass, а не в текущем контексте!

[Aetae]

Лучше не переписывайте пока это всё не будет для вас явным. Почитайте в каком-нибудь цельном учебнике(например на этом сайте) полностью главы посвящённые функциям.
ИМХО, не имеет смысла давать ответы на конкретный вопрос, ибо эти вопросы без знания будут плодиться бесконечно.

[xintrea]

Да я читаю в параллель конечно.

Вопрос вполне конкретный. Сейчас собираюсь передавать не просто callback-функцию а массив (context, functionName).

Соответственно вызов будет:

upLevelCallBack.call(context)

Вот нигде этой техники не нашел, может народ как-то по-другому делает?